<template>

<div>
 <el-button type="text" @click="dialogVisible = true">设置角色</el-button>

    <el-dialog
    title="人员"
    :visible.sync="dialogVisible"
    width="70%"
    :before-close="handleClose" class="setRole">
    <span>这是一段信息</span>
    <el-transfer
        v-model="value"
        :data="data">
    </el-transfer>
    <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
    </span>
    </el-dialog> 
</div>







 
</template>

<script>
  export default {
       methods: {
      handleClose(done) {
        this.$confirm('确认关闭？')
          .then(_ => {
            done();
          })
          .catch(_ => {});
      }
    },
    data() {
        
      const generateData = _ => {
        const data = [];
        const clientType = ['系统管理员','省代','市代']
        clientType.forEach((client,index)=>{
            data.push({
                label:client,
                key:index,
            })
        })     
        
        return data;
      };
      return {
        data: generateData(),
        value: [],
        dialogVisible: false
      };
      
    }
  };
</script>

<style scoped>
     

</style>